import './globals.css';
import { cal, inter } from '@/styles/fonts';
import type { Metadata, Viewport } from 'next';

const title = '佚名程序员';
const description = '我们的目标是星辰大海！佚名程序员的小站！';
const icons = '/favicon.ico';
const image = '/thumbnail.png';
const myURL = 'https://www.yangyili.com';

export const metadata: Metadata = {
    title,
    description,
    keywords: [title, description],
    applicationName: title,
    authors: { name: title, url: myURL },
    icons,
    openGraph: {
        title,
        description,
        images: [image],
    },
    twitter: {
        card: 'summary_large_image',
        title,
        description,
        images: [image],
        creator: '@' + title,
    },
    metadataBase: new URL(myURL),
};
export const viewport: Viewport = {
    width: 'device-width',
    initialScale: 1.0,
    minimumScale: 1.0,
    maximumScale: 1.0,
    userScalable: false,
    viewportFit: 'cover',
};

export default function RootLayout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <html lang="zh-CN">
            <body className={`${cal.variable} ${inter.className} cursor-grab select-none active:cursor-grabbing`}>
                {children}
            </body>
        </html>
    );
}
